    var chart;
	var chart2;
	var chart3;
	
    $(document).ready(function() {
		chart = new Highcharts.Chart({
			chart: {
				renderTo: 'container',
				zoomType: 'x',
				spacingRight: 20				
			},
			title: {
				text: 'Historique des inscriptions'		
			},
			xAxis: {
				type: 'datetime',
				maxZoom: 10 * 24 * 3600000, // fourteen days
				title: {
					text: null
				}
			},
			yAxis: {
				title: {
					text: 'Utilisateurs inscrits'
				},
				min : 0
			},
			tooltip: {
				shared: true
			},
			legend: {
				enabled: false
			},
			plotOptions: {
				area: {
					fillColor: {
						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
						stops: [
							[0, Highcharts.getOptions().colors[0]],
							[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
						]
					},
					lineWidth: 1,
					marker: {
						enabled: false
					},
					shadow: false,
					states: {
						hover: {
							lineWidth: 1
						}
					},
					threshold: null
				}
			},

			series: [{
				type: 'area',
				name: 'Utilisateurs inscrits',
				pointInterval: 24 * 3600 * 1000,
				pointStart: Date.UTC(2013, 3, 20),
				data: [
					1, 2, 4, 5, 5, 8, 8, 9, 9, 9,
					9, 9, 10, 10, 12, 14, 15, 15,
					17, 18, 18, 20, 20, 20
					
				]
			}]
		});
		
		/* ------------------ Fin du 1er Graphe ---------------------- */		
		
		chart2 = new Highcharts.Chart({

            chart: {
                renderTo: 'container2',
				type: 'column'
            },
			title: {
                text: 'Nombre de commandes réalisées'
            },
            xAxis: {
                categories: [
                    'Jan',
                    'Feb',
                    'Mar',
                    'Apr',
                    'May',
                    'Jun',
                    'Jul',
                    'Aug',
                    'Sep',
                    'Oct',
                    'Nov',
                    'Dec'
                ]
            },
            yAxis: {
                min: 0,
                title: {
                    text: null
                }
            },
            tooltip: {
                formatter: function() {
                    return '<b>'+ this.x +'</b><br/>Nombre de commandes : ' + this.y;
                }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: 'Commandes',
                data: [0, 0, 0, 3, 12, 0, 0, 0, 0, 0, 0, 0]
    
            }]
		});
	
		/* ------------------ Fin du 2eme Graphe ---------------------- */
		
		chart3 = new Highcharts.Chart({

            chart: {
                renderTo: 'container3',
				type: 'area'
            },
			title: {
                text: 'Chiffre d\'affaire généré'
            },
            xAxis: {
                categories: [
                    'Jan',
                    'Feb',
                    'Mar',
                    'Apr',
                    'May',
                    'Jun',
                    'Jul',
                    'Aug',
                    'Sep',
                    'Oct',
                    'Nov',
                    'Dec'
                ]
            },
            yAxis: {
                title: {
                    text: 'Montant en €'
                }
            },
            tooltip: {
                pointFormat: 'Chiffre d\'affaire généré : <b>{point.y:,.0f} €'
            },
            plotOptions: {
                
            },
            series: [{
                name: 'Chiffre d\'affaire 2013',
                data: [null,null,null,98.90,210.80,null,null,null,null,null,null,null]
            }]
		});
	
		/* ------------------ Fin du 3eme Graphe ---------------------- */
		
	});
	
